@import url(./less-demo.css);

.flex-wrap {
  display: flex;
  height: 400px;
  border: 1px solid;
  /* flex-direction: column; */
  flex-wrap: wrap;
  background: linear-gradient(
    90deg,
    rgba(253, 9, 9, 0.35) 0%,
    rgba(255, 0, 9, 0.1) 100%
  );
}

.flex-wrap div {
  width: 100px;
  height: 100px;
  border: 1px solid;
}

.china {
  font-size: 20px;
  color: blue;
}

/* @media screen and (min-width: 2400px) {
  .china {
    font-size: 12px;
    color: aquamarine;
  }
}

@media screen and (min-width: 1980px) {
  .china {
    font-size: 12px;
    color: aquamarine;
  }
} */

@media screen and (max-width: 750px) {
  .china {
    font-size: 16px;
    color: rgb(226, 43, 67);
  }
}

@media screen and (max-width: 375px) {
  .china {
    font-size: 14px;
    color: blueviolet;
  }
}

@media screen and (max-width: 330px) {
  .china {
    font-size: 12px;
    color: aquamarine;
  }
}
